<template>
	<div class="item-box borderGC-5_com">
		<div class="full_com zsj_com build-item-box czjz_com">
			<div class="title-box sp_between_com">
				<div>广告标题</div>
				<div>
					<el-dropdown trigger="click">
						<i class="el-icon-s-operation"></i>
						<el-dropdown-menu slot="dropdown">
							<el-dropdown-item class="setting-item-box" style="color: #008FFD;">编辑</el-dropdown-item>
							<el-dropdown-item class="setting-item-box" style="color: #E65D6E">删除</el-dropdown-item>
						</el-dropdown-menu>
					</el-dropdown>
				</div>
			</div>
			<div class="pf spjz_com">
				<div class="czjz_com icon-box"><img class="louIcon" src="../../../../../../../static/pic/guanggao.png" alt=""></div>
				<div class="pf lou-info-box hidden_com borderGC-5_com czjz_com">
					<p class="hidden_com">内容：广告内容广告内容广告内容广告内容广告内容广告内容广告内容广告内容广告内容</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.icon-box {
		width: 30%;
		height: 100%;
		align-items: center;
	}

	.lou-info-box {
		color: #fff
	}

	.louIcon {
		width: 140%;
		height: 100%;
		object-fit: fill;
	}

	.title-box {
		width: 100%;
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		background-color: #43595f;
		color: #fff;
	}

	.build-item-box {
		border-radius: 5px;
		overflow: hidden;
		background-color: rgba(94, 115, 255, 0.1);
		border: 2px solid #43595f;
		border-top: none;
	}

	.item-box {
		width: 25%;
		height: 0;
		padding-bottom: 13%;
		position: relative;
	}

	.el-icon-s-operation {
		color: #fff;
		font-size: 16px;
		cursor: pointer;
	}
	
	.setting-item-box {
		font-size: 13px;
		line-height: 25px;
	}
</style>
